"right"
Bootstrap 4.1.1 Snippet by SANTANU CHOWDHURY

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="section section-right">
<div class="img-right" style="background-image: url('https://picsum.photos/id/8/500/500');">
</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="content">
<h3>
Creating & Delivering Dreams that match with Reality and You.
</h3>
</div>
</div>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
.section{
padding-top:60px;
padding-bottom:60px;
}
.section-right{
position:relative;
}
.section-right .img-right {
top: 0;
position: absolute;
right: 0;
width: 60%;
height: 100%;
background-size: cover;
background-position: center;
background-size: cover;
background-color: red;
background-blend-mode: multiply;
}
.section-right .content{
background: #e72f2a;
z-index: 10;
position: relative;
display: -webkit-box;
padding: 50px;
}
.section-right .content h3{
color: #fff;
font-size: 38px;
font-weight: 600;
text-transform: uppercase;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Dashboard Pro React

Questions / Comments: